import React from "react";
import '../../css/lmy/Lmy.css'
import {  Switch } from 'antd-mobile'
import { LeftOutline } from 'antd-mobile-icons'
import { useNavigate } from "react-router-dom";
const Lnotify = ()=>{
    const navigate = useNavigate()
    const arr = [
        {name:'常规',switch:true},
        {name:'声音',switch:true},
        {name:'振动',switch:false},
        {name:'特别优惠',switch:true},
        {name:'优惠 & 折扣',switch:false},
        {name:'支付',switch:true},
        {name:'退款',switch:false},
        {name:'升级提示',switch:true},
        {name:'新服务',switch:false},
        {name:'新消息',switch:false},
    ]
    return(<>
        <div className="lourselfBox">
        <div>
            <h3 className="lourselfHead"><LeftOutline onClick={()=>{
                navigate('/tar/lmy')
            }} />
            &nbsp;
            通知设置</h3>
        </div>
        {arr.map(item=>{
            return(
            <div className="LnotifyArr" key={item.name}>
                <div className="LnotifyP">
                    <p>{item.name}</p>
                </div>
                <div>
                <Switch
                defaultChecked={item.switch}
                style={{
                    '--checked-color': '#7210FF',
                    '--height': '36px',
                    '--width': '60px',
                }}
                />
                </div>
            </div>)
        })}
        </div>
    </>)
}

export default Lnotify